<template>
    <div class="right">
       <div class="jucenter">
           <ul class="list">
              <li>关于</li>
              <li>关于我们</li>
              <li>加入我们</li>
           </ul>
           <ul class="list">
              <li>服务</li>
              <li>服务条款</li>
              <li>隐私协议</li>
           </ul>
           <ul class="list">
              <li>产品</li>
              <li>如何使用</li>
              <li>视频介绍</li>
              <li>更新历史</li>
           </ul>
           <ul class="list concat">
              <li>关注我们</li>
              <li class="method">
                <div><img src="../../../static/image/blog.png" alt=""></div>
                <div><img src="../../../static/image/wx.png" alt=""></div>
                <div><img src="../../../static/image/qq.png" alt=""></div>
              </li>
           </ul>
       </div>
       <div class="copy">
         <span>© 2017 天津海纳媒体大数据科技发展有限公司.All Rights Reserved | 津ICP备17006247号-1</span>
       </div>
    </div>
</template>
<script>
export default {
  name: 'foot',
  data () {
    return {

    }
  }
}
</script>
<style>
.right{width:100%;height:300px;position: relative;background:#F2F2F2;margin-bottom:0px;overflow:hidden}
.jucenter{width:50%;margin:0 auto}
.list{float:left;margin:30px}
.list li{list-style:none;font-size:12px;margin-bottom:10px}
.list li:nth-child(1){font-size:14px;font-weight:600;margin-bottom:15px}
.jucenter .concat{width: 40%;}
.jucenter .concat .method{display: flex;width: 100%;}
.jucenter .concat .method div{margin-right: 8%;}
.jucenter .concat .method img{width: 40px;height: 40px;}
.copy{width: 50%;position: absolute;bottom: 50px;left: 25%;text-align: center;font-size: 12px;color: #ccc;}
 @media screen and (max-width: 1886px) {
   .jucenter .concat{width: 33%;}
 }
 @media screen and (max-width: 1522px) {
   .jucenter .concat{width: 25%;}
 }
 @media screen and (max-width: 1362px) {
   .list{margin:25px}
 }
 @media screen and (max-width: 1255px) {
   .list{margin:20px}
 }
 @media screen and (max-width: 1148px) {
   .list{margin:15px}
 }
</style>